<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
	<head>
		<meta charset="utf-8">
		<title>登录</title>
		<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css" />
		<link rel="stylesheet" type="text/css" href="../static/css/me.css"  th:href="@{/css/me.css}"/>
	</head>
	<body>
		<div class="ui container padded-tb-larg padded-lr-larg">
			<h2 class="ui blue header center aligned">
			      <div class="content">
			        系统登录
			      </div>
			    </h2>
			<form method="post" th:action="@{/login}" class="ui error form segment padded-tb-samll">
				<div class="ui error message"></div>
				<div class="ui mini negative message"  th:unless="${#strings.isEmpty(message)}" th:text="${message}"></div>
				<div class="field margin-t-small">
					<div class="ui left icon input">
						<i class="user icon"></i>
						<input type="text" name="username" placeholder="username">
					</div>
				</div>
				<div class="field margin-t-small">
					<div class="ui left icon input">
						<i class="lock icon"></i>
						<input type="password" name="password" placeholder="Password">
					</div>
				</div>

				<div class="ui grid margin-t-small">
					<div class="eight wide column center aligned">
						<div class="ui radio checkbox">
							<input type="radio" checked="" name="option" value="0">
							<label>学生</label>
						</div>
					</div>
					<div class="eight wide column  center aligned">
						<div class="ui radio checkbox">
							<input type="radio" name="option" value="1">
							<label>辅导员</label>
						</div>
					</div>
				</div>

				<div class="ui fluid basic segment">
					<div class="ui grid">
						<div class="eight wide column">
							<button type="reset" class="ui fluid large secondary button">重置</button>
						</div>
						<div class="eight wide column">
							<div class="ui fluid large blue submit button">登录</div>
						</div>
					</div>
				</div>
			</form>
		</div>



		<script src="https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.js"></script>
		<script src="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.js"></script>
		<script type="text/javascript">
			$('.ui.form')
				.form({
					fields: {
						username: {
							identifier: 'username',
							rules: [{
								type: 'empty',
								prompt: '请输入用户名'
							}]
						},
						password: {
							identifier: 'password',
							rules: [{
								type: 'empty',
								prompt: '请输入密码'
							}]
						}
					}
				});
		</script>
	</body>
</html>
